        <!DOCTYPE html>
        <html>
        <head>
                <meta charset="utf-8">
        <title>ring_demo.dart Library / Dart Documentation</title>
        <link rel="stylesheet" type="text/css"
            href="styles.css">
        <link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet" type="text/css">
        <link rel="shortcut icon" href="favicon.ico">
        
        </head>
        <body data-library="ring_demo.dart">
        <div class="page">
        <div class="header">
          <a href="index.html"><div class="logo"></div></a>
          <a href="index.html">Dart Documentation</a>
         &rsaquo; <a href="ring_demo.dart.html">ring_demo.dart</a>        <div id="search-box">
          <input type="search" name="q" id="q" autocomplete="off"
              class="search-input" placeholder="Search API">
        </div>
        
      </div>
      <div class="drop-down" id="drop-down"></div>
      
        <div class="nav">
        
<h2><div class="icon-library"></div><a href="metadata.html">metadata</a></h2><h2><div class="icon-library"></div><strong>ring_demo.dart</strong></h2><ul class="icon">
<li><a href="ring_demo.dart/Ring.html"><div class="icon-class"></div>Ring</a></li>
<li><a href="ring_demo.dart/RingDemo.html"><div class="icon-class"></div>RingDemo</a></li>
</ul>
</div>
<div class="content">
<h2><strong>ring_demo.dart</strong> library</h2>
<div>
<h3>Properties</h3>
<div class="field"><h4 id="canvas">
<button class="show-code">Code</button>
<a href="http://api.dartlang.org/dart_html/CanvasElement.html">CanvasElement</a>         <strong>canvas</strong> <a class="anchor-link"
            href="#canvas"
            title="Permalink to canvas">#</a>
        </h4>
        <div class="doc">
<pre class="source">
CanvasElement canvas
</pre>
</div>
</div>
<div class="field"><h4 id="demo">
<button class="show-code">Code</button>
<a href="ring_demo.dart/RingDemo.html">RingDemo</a>         <strong>demo</strong> <a class="anchor-link"
            href="#demo"
            title="Permalink to demo">#</a>
        </h4>
        <div class="doc">
<pre class="source">
RingDemo demo
</pre>
</div>
</div>
<div class="field"><h4 id="STYLE">
<button class="show-code">Code</button>
const <a href="http://api.dartlang.org/dart_core/String.html">String</a>         <strong>STYLE</strong> <a class="anchor-link"
            href="#STYLE"
            title="Permalink to STYLE">#</a>
        </h4>
        <div class="doc">
<pre class="source">
const String STYLE = """
#ringDemo {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 min-height: 300px;
 max-height: 100%;
"""
</pre>
</div>
</div>
</div>
<div>
<h3>Functions</h3>
<div class="method"><h4 id="main">
<button class="show-code">Code</button>
void <strong>main</strong>() <a class="anchor-link" href="#main"
              title="Permalink to main">#</a></h4>
<div class="doc">
<p>Main function in the Dart app.</p>
<p>Main is called automatically by Dart when the program opens 
and the document finishes loading.
Use it to create a new <a class="crossref" href="ring_demo.dart/RingDemo.html">RingDemo</a> object and pass it the canvas object
you'd like to draw to.</p>
<pre class="source">
void main() {
 // Add our stylesheet to the document head.
 document.head.append(new StyleElement()..appendText(STYLE));
 
 // Define our canvas element, give it an appropriate ID, and add it to the DOM
 canvas = new CanvasElement();
 canvas.id = "ringDemo";
 document.body.children.add(canvas);
 
 // Create a new RingDemo object and point it to our canvas element.
 demo = new RingDemo(canvas);  
 
 // The RingDemo constructor has taken care of preparing the animation. 
 // Calling render starts the animation process. The function calls itself 
 // again when the browser tells it that it is ready to draw another frame.
 demo.render();
}
</pre>
</div>
</div>
</div>
<div>
<h3>Classes</h3>
          <div class="type">
          <h4>
            <a href="ring_demo.dart/Ring.html"><strong>Ring</strong></a>
          </h4>
          </div>
          
          <div class="type">
          <h4>
            <a href="ring_demo.dart/RingDemo.html"><strong>RingDemo</strong></a>
          </h4>
          </div>
          
</div>
        </div>
        <div class="clear"></div>
        </div>
        <div class="footer">
          <div>This page was generated at 2013-05-16 22:23:54.506</div>
        </div>
        <script async src="client-static.js"></script>
        </body></html>
        
